<template>
  <van-divider
    content-position="left"
    :style="{ color: '#1989fa', borderColor: '#1989fa' }"
  >
    出车信息
  </van-divider>
  <van-form>
    <van-cell-group inset>
      <van-field label="实际出车时间">
        <template #input>
          <div>{{ data.reality_begin_time }}</div>
        </template>
      </van-field>
      <van-field label="实际结束时间">
        <template #input>
          <div>{{ data.reality_end_time }}</div>
        </template>
      </van-field>
      <van-field label="表显统计里程">
        <template #input>
          <div>{{ data.sheet_mileage }}</div>
        </template>
      </van-field>
      <van-field label="系统统计里程">
        <template #input>
          <div>{{ data.system_mileage }}</div>
        </template>
      </van-field>

      <van-field label="任务开始表显里程">
        <template #input>
          <div>{{ data.start_mileage }}</div>
        </template>
      </van-field>
      <van-field label="任务开始附件">
        <template #input>
          <div>{{ data.start_file }}</div>
        </template>
      </van-field>
      <van-field label="任务结束表显里程">
        <template #input>
          <div>{{ data.end_mileage }}</div>
        </template>
      </van-field>
      <van-field label="任务结束附件">
        <template #input>
          <div>{{ data.end_file }}</div>
        </template>
      </van-field>
      <van-field label="实际出发地址">
        <template #input>
          <div>{{ data.reality_departure_address }}</div>
        </template>
      </van-field>
      <van-field label="实际结束地址">
        <template #input>
          <div>{{ data.reality_end_address }}</div>
        </template>
      </van-field>
      <van-field label="驾驶员备注">
        <template #input>
          <div>{{ data.remark }}</div>
        </template>
      </van-field>
      <van-field label="签字">
        <template #input>
          <van-image width="100" height="100" :src="data.sign" />
        </template>
      </van-field>
    </van-cell-group>
  </van-form>
</template>

<script lang="ts" setup>
  import { ref, withDefaults, defineEmits, defineProps } from 'vue';

  interface Props {
    data: any;
  }
  const props = withDefaults(defineProps<Props>(), {});
  const emit = defineEmits(['']);
</script>

<style lang="less" scoped></style>
